<route lang="json5">
{
  style: {
    navigationBarTitleText: '登录',
  },
}
</route>

<template>
  <Linear>
    <image src="../../static/app/icons//152x152.png" class="w-120 mt-10" mode="widthFix" />
    <input
      type="text"
      v-model="value"
      placeholder="请输入手机号"
      @change="handleChange"
      class="w-700 bg-gray-1 rounded-3 py-3"
    />
  </Linear>
</template>
<script setup lang="ts">
import Linear from '@/components/Linear/Linear.vue'
const value = ref('')
const handleChange = (e) => {
  console.log(e)
}
</script>

<style lang="scss">
.test1 {
  width: 700rpx;
  height: 40rpx;
  background: rebeccapurple;
}
:deep(.wd-input) {
  width: 700rpx;
  background: rebeccapurple;
}
</style>
